// const layui = require("../libs/layui/layui");

$(function () {
  // 1  获取用户信息 渲染到页面上
  function getUserInfo() {
    $.get("/admin/user/info", function (res) {
      const { nickname, userPic } = res.data;
      $(".user_info img").prop("src", userPic)
      $(".user_info span").text("欢迎" + nickname)
      $(".user_center_link img ").prop("src" + userPic)
    })

  }
  getUserInfo();

  // 2 绑定退出按钮的点击事件
  $(".logout").click(function () {
    layer.confirm('您确定要退出吗？', function () {
      layer.close(index)
      localStorage.removeItem("token")
      location.href = "login.html"
    })
  })
  // 3 给左侧一级菜单绑定点击事件
  $(".level01").click(function () {
    // 1切换选中
    $(this).addClass("active").siblings().removeClass("active");
    // 控制箭头的切换方向
    $(this).find("b").toggleClass("rotate0")
    // 3 让它下一个兄弟元素 切换显示  stop!! 
    $(this).next(".level02").stop().slideToggle();

  })
  // 3.2 给二级标题绑定点击 切换选中
  $(".level02 li").click(function () {

    $(this).addClass("active").siblings().removeClass("active")
  })
})